import { View, Image } from '@tarojs/components';
import { Component } from 'react';
import { AtIcon } from 'taro-ui';
import Taro from '@tarojs/taro';
import refound1 from '@/assets/images/order/refound.png';
import refound2 from '@/assets/images/order/refound_2.png';
import './index.scss';

/**
 * 退款订单
 * @returns
 */
export default class OrderDetail extends Component {
  state = {};
  componentDidMount() {}

  toSubmit = () => {
    Taro.navigateTo({
      url: '/subPages/order/refoundSubmit/index',
    });
  };
  render() {
    return (
      <View className="refund-order-detail">
        <View className="choose-item" onClick={this.toSubmit}>
          <Image src={refound1} className="choose-icon" />
          <View className="choose-info">
            <View className="choose-title">仅退款</View>
            <View className="choose-desc">未收到货，或无需退货只需退款</View>
          </View>
          <AtIcon value="chevron-right" size="20" color="#CCCCCC" />
        </View>
        <View className="choose-item" onClick={this.toSubmit}>
          <Image src={refound2} className="choose-icon" />
          <View className="choose-info">
            <View className="choose-title">退货退款</View>
            <View className="choose-desc">已收到货，需要退货退款</View>
          </View>
          <AtIcon value="chevron-right" size="20" color="#CCCCCC" />
        </View>
      </View>
    );
  }
}
